<template>
    <div class="PxPMCenterdiv1">
        <span class="PxPMCenterdiv1span1">hi~!</span>
        <span class="PxPMCenterdiv1span2" :style="changecolor">{{showusername}}</span>
        <div style="margin-left:50px">欢迎来到hggood</div>
        <svg class="myimg" xml:space="preserve" style="margin-top:-100px;margin-left:-20px;enable-background:new 0 0 1024 1024;" viewBox="0 0 1024 1024" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1">
                <g>
                    <g>
                        <polygon points="754.45,17.37 975.23,203.91 684.11,225.27" class="st6"></polygon>
                        <polygon points="686.59,217.92 861.23,392.97 606.22,384.17" class="st9"></polygon>
                        <polygon points="502.59,538.05 788.37,596.47 610.01,376.33" class="st10"></polygon>
                        <polygon points="351.85,688.17 606.22,781.37 507.55,534.91" class="st11"></polygon>
                        <polygon points="196.89,770.96 406.8,934.61 356.79,683.3" class="st12"></polygon>
                        <polygon points="49.11,804.37 202.36,1009.75 196.89,770.96" class="st9"></polygon>
                    </g>
                    <path d="M754.29,14.62c0,0-167.69,734.49-706.52,789.43l155.84,206.33l-8.27-240.62l211.54,165.25l-52.53-245.9
                        l257.2,94.21L506.98,541.2l285.47,56.53L615.81,385.74l247.3,9.42L694.47,224.64l280.76-19.78L754.29,14.62z" class="st13"></path>
                </g>
        </svg>
        <svg class="myimg" xml:space="preserve" style="margin-top:-72px;margin-left:220px;enable-background:new 0 0 1024 1024;" viewBox="0 0 1024 1024" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1">
            <g>
                <g>
                    <circle r="417.44" cy="511.5" cx="511.5" class="st18"></circle>
                </g>
                <g>
                    <g>
                        <path d="M448.29,356.5c0,47.37-28.99,87.21-68.32,98.67c-7.52,2.22-15.39,3.42-23.51,3.42
                            c-50.62,0-91.74-45.74-91.74-102.09c0-56.35,41.13-102.09,91.74-102.09c8.21,0,16.07,1.2,23.68,3.51c0-0.09,0.09,0,0.09,0
                            C419.39,269.46,448.29,309.3,448.29,356.5z" class="st18"></path>
                        <path d="M448.29,356.5c0,47.37-28.99,87.21-68.32,98.67c-43.69-11.54-75.93-51.39-75.93-98.67
                            c0-47.37,32.32-87.13,76.1-98.59c0-0.09,0.09,0,0.09,0C419.39,269.46,448.29,309.3,448.29,356.5z" class="st15"></path>
                    </g>
                    <g>
                        <path d="M448.29,666.5c0,47.37-28.99,87.21-68.32,98.67c-7.52,2.22-15.39,3.42-23.51,3.42
                            c-50.62,0-91.74-45.74-91.74-102.09c0-56.35,41.13-102.09,91.74-102.09c8.21,0,16.07,1.2,23.68,3.51c0-0.09,0.09,0,0.09,0
                            C419.39,579.46,448.29,619.3,448.29,666.5z" class="st18"></path>
                        <path d="M448.29,666.5c0,47.37-28.99,87.21-68.32,98.67c-43.69-11.54-75.93-51.39-75.93-98.67
                            c0-47.37,32.32-87.13,76.1-98.59c0-0.09,0.09,0,0.09,0C419.39,579.46,448.29,619.3,448.29,666.5z" class="st15"></path>
                    </g>
                </g>
            </g>
        </svg>
        <svg class="myimg" xml:space="preserve" style="margin-top:-80px;margin-left:180px;enable-background:new 0 0 1024 1024;" viewBox="0 0 1024 1024" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1">
            <g>
                <g>
                    <path d="M723.36,397.63c8.02-20.5-8.81-44.72-28.46-50.12c-23.09-6.34-42.07,7.88-50.12,28.46
                        c-8.51,21.74-14.76,43.97-19.82,66.63c-9.14-1.6-18.49-0.54-26,4.97c-64.36,47.24-124.21,99.98-177.38,159.62
                        c-51.04,57.25-110.64,124.17-130.87,199.78c-5.46,20.39-9.17,47.26,12.51,51.98c62.07,13.51,46.77-10.6,109.42,0
                        c48.24,8.17,57.5,11.47,82.69,0c18.18,7.3,90.19-3.95,109.66,0c23.48,4.76,20.22-2.11,44.94,0c35.91,3.06,60.88,0,55.81-6.62
                        c-18.89-24.65-6.65-39.45-6.86-70.49c-0.07-10.26-3.55-18.57-8.89-24.98c-1.76-24.48-5.23-48.81-10.7-72.9
                        c-1-4.39,4.64-14.59,2.55-17.96c-1.26-11.89-0.08-19.26-3-31c0.01-8.04-1.99-14.96-2-23c-0.03-18.15-1.56-27.33,6.77-43.18
                        c16.41-31.2,28.85-64.48,37.32-98.67c3.49-14.09-0.83-26.71-8.93-35.97c-0.22-0.34-0.37-0.71-0.61-1.04
                        C714.96,421.2,718.77,409.33,723.36,397.63z" class="st11"></path>
                    <path d="M909.84,27c-13.02-10.76-36.26,3.23-44,17c-6.3,11.22-12.07,24.11-17,36c-5.26,12.69-0.31,28.36-15.44,31.4
                        c-7.9,1.59-14.34-3.25-21.56-0.4c-1.68-8.9-4.61-11.74-4.55-21.06c0.09-15.6-24.14-15.61-24.24,0
                        c-0.11,18.53,2.72,36.5,8.69,54.05c0.17,0.51,0.69,0.73,0.93,1.21c0.24,1.11-3.43,9.65-2.83,10.8c7.86,14.91,2.52,23.2-5.07,36.17
                        c-8.93,15.27-18.07,30.41-27.11,45.62l-53.1,89.31c-1.62,2.72-9.33,6.26-8.72,8.9c-6.87,13.23-6.23,25.77-13.1,39
                        c-6.56,12.63,8.53,23.35,19.03,14.68c10.58-8.73-23.86,47.87-13.63,38.76c-13.56,29.43,19.88-6.18,10.59,25.93
                        c-4.03,13.93,6.45,61.28,14.11,50.62c32.07-44.64,64.28-130.89,80-183c9.85-16.56,21.41-36.32,29-54c8.94-20.82,16.14-46.36,28-66
                        c11.76-19.47,24.07-37.32,37-56c14.05-20.3,16.11-42.36,25.89-65.03C919.28,65.79,924.49,39.1,909.84,27z" class="st11"></path>
                    <path d="M599.43,492.13c0,0,47.68-6.13,84.48-114.49c36.8-108.36-83.21-210.7-175.83-194.23
                        c-92,16.36-156.92,96.09-153.09,161.52c3.83,65.43,26.86,132.9,69.53,147.21c0,0-157.83,100.95-189.85,409.68
                        c-36.02,18.57-97.8-19.7-124.82,18.57c-33.14,46.94,50.25,63.38,81.46,45.36c29.6-17.09,36.35-19.34,36.35-19.34
                        s-24.51,34.52-19.26,49.03c3.12,8.63,26.51,13.26,58.78-33.02c13.28-21.2,16.01-29.02,19.51-43.02
                        c3.11-12.43,29.59-124.07,52.32-169.09" class="st0"></path>
                    <ellipse ry="105.11" rx="92.89" cy="360.08" cx="517.41" class="st4"></ellipse>
                    <path d="M690.72,336.89l100.37-170.84c0,0-22.94-75.65-8.63-85.87c14.31-10.22,30.67,6.13,30.67,22.49
                        s28.62,10.01,36.8-25.66c8.18-35.67,30.67-60.21,57.25-54.08c26.58,6.13,16.36,98.14-49.07,161.52
                        c-22.49,38.85-182.37,418.08-182.37,418.08l30.94,256.4H303.22" class="st3"></path>
                    <ellipse ry="16.01" rx="5.34" cy="331.16" cx="481.16" transform="matrix(1 -4.199149e-03 4.199149e-03 1 -1.3864 2.0234)"></ellipse>
                    <ellipse ry="16.01" rx="5.34" cy="326.66" cx="545.97" transform="matrix(1 -4.199149e-03 4.199149e-03 1 -1.3669 2.2955)"></ellipse>
                    <path d="M503.77,342.89c0,0-5.09,20.71-13,33.25c-7.91,12.54,19.38,33.08,38.27,8.08" class="st3"></path>
                </g>
            </g>
        </svg>
        <svg class="myimg" xml:space="preserve" style="margin-top:95px;margin-left:40px;enable-background:new 0 0 1024 1024;" viewBox="0 0 1024 1024" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1">
            <g>
                <g>
                    <ellipse ry="201.46" rx="134.97" cy="438.01" cx="856.87" class="st0"></ellipse>
                    <path d="M842.93,803.37h27.87V483.44c0-7.7-6.24-13.94-13.94-13.94l0,0c-7.7,0-13.94,6.24-13.94,13.94V803.37z" class="st16"></path>
                </g>
                <g>
                    <ellipse ry="201.46" rx="134.97" cy="438.01" cx="684.48" class="st0"></ellipse>
                    <path d="M670.54,803.37h27.87V483.44c0-7.7-6.24-13.94-13.94-13.94h0c-7.7,0-13.94,6.24-13.94,13.94V803.37z" class="st16"></path>
                </g>
                <g>
                    <ellipse ry="201.46" rx="134.97" cy="438.01" cx="512.09" class="st0"></ellipse>
                    <path d="M498.16,803.37h27.87V483.44c0-7.7-6.24-13.94-13.94-13.94l0,0c-7.7,0-13.94,6.24-13.94,13.94V803.37z" class="st16"></path>
                </g>
                <g>
                    <ellipse ry="201.46" rx="134.97" cy="438.01" cx="339.7" class="st0"></ellipse>
                    <path d="M325.77,803.37h27.87V483.44c0-7.7-6.24-13.94-13.94-13.94h0c-7.7,0-13.94,6.24-13.94,13.94V803.37z" class="st16"></path>
                </g>
                <g>
                    <ellipse ry="201.46" rx="134.97" cy="438.01" cx="167.32" class="st0"></ellipse>
                    <path d="M153.38,803.37h27.87V483.44c0-7.7-6.24-13.94-13.94-13.94h0c-7.7,0-13.94,6.24-13.94,13.94V803.37z" class="st16"></path>
                </g>
                <path d="M32.35,331.7c17.12,20.24,67.1-56.42,78.86-43.6s-0.9,65.83,36.2,66.03s25.34-63.15,42.53-62.25
                    c17.19,0.9,8.14,22.59,35.29,24.41c27.15,1.83,13.81-28.35,32.24-28.19c18.43,0.16,14.81,30.93,53.72,22.78
                    s28.96-47.06,59.72-38.01s59.4,70.1,80.38,51.79s12.1-68.08,46.85-59.94s65.52,59.72,101.71,57.01s19.82-42.98,42.53-43.28
                    c11.76-0.16,11.76,80,51.58,75.66c39.82-4.33,27.15-67.68,52.49-62.25c25.34,5.43,25.64,60.88,59.42,58.04
                    c33.78-2.84,22.93-72.2,41.02-71.46c18.1,0.75,21.19,28.8,45.89,26.99c24.7-1.81,13.84-27.74,22.89-26.99
                    c9.05,0.75,21.37,43.58,46.43,33.48c25.06-10.11-15.84-92.52-91.31-90.22S778.14,261,778.14,261s-30.77-37.05-93.66-39.28
                    S599.87,261,599.87,261s-23.53-37.96-87.78-39.28s-87.78,37.83-87.78,37.83s-16.29-37.92-84.61-37.92s-81.9,37.92-81.9,37.92
                    s-18.82-37.92-104.43-37.92S23.16,320.84,32.35,331.7z" class="st17"></path>
            </g>
        </svg>
        <svg class="myimg" xml:space="preserve" style="margin-top:40px;margin-left:60px;enable-background:new 0 0 1024 1024;" viewBox="0 0 1024 1024" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1">
            <g>
                <path d="M748.02,370.29c-4.44,7.18-12.9,11.07-18.66,17.14c-7.72,8.13-12.65,17.84-16.8,28.12
                    c-7.77,19.26-14.55,37.43-27.94,53.67c-0.36,0.01-0.7-0.05-1.07-0.02c-36.89,3.09-69.97,3.15-97.21-25.06
                    c-17.01-17.61-42.83-2.95-44.81,18.56c0.47-5.14-7.07,2.02-11.38,4.37c-5.39,2.95-10.34,6.17-15.11,10.07
                    c-10.7,8.74-18.72,19.92-27.44,30.54c-19.45,23.67-39.79,46.56-60.84,68.81c-0.43,0.46-0.73,0.96-1.11,1.43
                    c-3.66,1.19-7.17,3.02-10.14,5.88c-13.66,13.15-27.32,26.3-40.98,39.45c-6.22,3.53-11.08,9.24-12.5,17.11
                    c-0.24,1.33-0.34,2.63-0.39,3.92c-0.74,0.81-1.5,1.58-2.24,2.4c-9.96,11.05-19.52,17.64-32.4,25.01
                    c-25.78,14.74-46.34,32.88-63.82,56.94c-19.88,27.37,25.64,53.59,45.33,26.5c14.92-20.54,34.63-31.38,55.82-44.24
                    c10.51-6.38,20.01-13.87,28.42-22.83c1.41-1.5,2.73-3.01,4.07-4.52c4.11-1.07,8.1-3.09,11.53-6.84c4.41-4.81,8.81-9.62,13.22-14.43
                    c1.83,1.93,3.71,3.81,5.69,5.54c12.86,11.23,28.11,22.6,44.37,30.49c-21.93,16.46-42.59,34.57-61.34,54.71
                    c-7.12,7.65-8.47,16.48-6.28,24.32c-7.54,9.09-14.72,18.5-21.34,28.4c-15.66,23.39,14.17,46.74,35.91,35.91
                    c27.28-13.59,46.9-36.32,66.64-58.87L551.54,707c3.33-3.8,5.27-8.01,6.18-12.28c20.04-20.43,38.98-41.86,54.55-66.32
                    c0.62-0.97,1.02-1.92,1.5-2.88c38.05-40.81,80.25-77.05,127.2-107.52c10.07-6.53,16.47-20.78,11.3-32.36
                    c0.87-6.36-1.13-12.75-5.01-17.92c3.68-7.17,7.1-14.51,10.01-22.33c3.5-9.41,5.87-17.42,13.13-24.54
                    c8.48-8.32,16.52-13.66,22.95-24.06C811.16,367.97,765.77,341.58,748.02,370.29z" class="st11"></path>
                <path d="M704.62,462.63c0,0,218.59-187.36,234.2-187.36s15.61,15.61,46.84,15.61c31.23,0,31.23,31.23,7.81,39.03
                    c-14.81,4.94-62.45-15.61-62.45-15.61l-186.9,206.11L554.03,713.48L361.23,918.96c0,0-69.62,1.29-70.9-58.01
                    c-1.29-59.3,39.96-116.03,78.64-109.58c38.68,6.45,28.36,65.87,20.63,84.5" class="st0"></path>
                <path d="M796.93,384.67c0,0,15.51-90.97-42.5-119.33c-58.01-28.36-148.26-5.72-179.2,59.67s7.66,115.3,7.66,115.3" class="st0"></path>
                <line y2="721.67" x2="272.94" y1="422.33" x1="576.25" class="st0"></line>
                <path d="M429.18,663.57l-177.2,159.91c-13.95,12.59-34.58,16.47-51.09,7.49c-16.6-9.02-31.1-29.33-22.72-74.45
                    c16.76-90.24,52.86-96.69,79.93-91.53c27.07,5.16,16.76,54.15,7.74,87.66" class="st0"></path>
                <line y2="775.94" x2="394.5" y1="693.72" x1="462.43" class="st0"></line>
                <path d="M408.93,632.76c0,0,28.36,63.47,97.98,80.72" class="st0"></path>
                <path d="M671.49,253.33c0,0,67.9-83.82,67.04-88.97c-0.86-5.16-37.43-20.12-41.25-44.69
                    c-1.5-9.67,7.28-21.77,30.08-12.03c20.63,8.81,20.21,26.21,46.64,35.88c16.08,5.88-44.98,113.06-44.98,113.06" class="st0"></path>
                <path d="M688.25,303.65c60.36,16,33.61,118.54-3.44,155.5s-120.47,8.37-108.56-64.89
                    C588.56,318.63,634.54,289.41,688.25,303.65z" class="st4"></path>
                <ellipse ry="3.44" rx="10.31" cy="354.72" cx="632.25" transform="matrix(0.3242 -0.946 0.946 0.3242 91.7343 837.8387)"></ellipse>
                <ellipse ry="3.44" rx="10.31" cy="365.67" cx="672.64" transform="matrix(0.3242 -0.946 0.946 0.3242 108.6679 883.4575)"></ellipse>
                <path d="M640.05,377.2c0,0-13.28,4.09-22.81,3.41c-9.53-0.68-12.7,24.52,7.27,27.92" class="st3"></path>
                <path d="M624.9,162.64c0,0-82.33,150.4-135.61,197.67" class="st3"></path>
                <path d="M563.22,185.84c0,0-52.45,99.7-85.97,122.9" class="st3"></path>
                <path d="M95.98,748.47c0,0-34.38,77.28,27.5,116.81" class="st3"></path>
                <path d="M39.25,681.36c0,0-77.35,120.32,32.66,218.3" class="st3"></path>
                <path d="M796.93,384.67c0,0,15.51-90.97-42.5-119.33c-58.01-28.36-148.26-5.72-179.2,59.67s7.66,115.3,7.66,115.3" class="st3"></path>
            </g>
        </svg>
        <svg class="myimg" xml:space="preserve" style="margin-top:120px;margin-left:220px;enable-background:new 0 0 1024 1024;" viewBox="0 0 1024 1024" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1">
            <g>
                <g>
                    <path d="M668.32,718.23c-0.82-3.17-1.28-6.26-1.74-9.37c0.67-5.68,1.07-11.4,1.21-17.09
                        c0.44-17.03,0.85-34.05,1.28-51.08c0.09-3.76-0.77-7.35-2.28-10.63c-2.04-31.15-9.63-60.5-25.09-87.85
                        c-6.03-10.67-19.4-15.2-30.76-11.73c-0.85-1.39-1.76-2.78-2.9-4.14c-35.9-30.93-42.16-80.86-58.87-122.75
                        c-3.96-9.94-11.51-17.51-21.68-18.87c-1.16-11.07-1.15-22.29,0.56-33.53c1.22-8.04,0.48-15.75-3.88-22.01
                        c7.6-6.68,9.81-16.5,8.43-26.66c-4.83-35.52-26.7-68.64-41.14-100.94c-14.87-33.26-32.19-66.38-40.64-102.01
                        c-7.83-33.01-58.69-19.03-50.85,14.02c8.77,36.96,26.69,71.48,42.11,106c7.66,17.14,15.37,34.24,23.65,51.09
                        c-4.58,1.32-9.08,2.82-13.32,4.45c-16,6.16-30.53,14.35-44.6,23.47c0.24-19.83-4.98-35.56-16.59-51.7
                        c-8.12-11.3-9.17-26.57-15.68-38.96c-7.82-14.87-20.86-25.95-33.43-36.65c-14.55-12.39-29.11-24.76-43.66-37.14
                        c-9.02-7.67-21.27-10.37-31.95-4.12c-9.76,5.71-15.68,18.74-12.12,29.78c20.65,64.05,37.14,133.45,73.78,190.75
                        c0.13,1.83,0.46,3.66,1.09,5.46c4.63,13.22,10.07,26.11,15.98,38.79c-0.48,5.43,0.52,11.13,2.93,16.48
                        c9.3,20.58,16.53,38.29,21.64,60.17c2.51,10.76,8.52,22.21,12.67,32.47c4.42,10.92,9.09,24,15.82,33.58
                        c4.28,6.1,6.52,10.97,13.25,12.68c6.69,18.93,11.87,38.33,12.96,58.35c0.71,13.04,9.48,24.3,22.86,25.9
                        c11.56,1.38,27.16-5.74,28.93-18.89c1.72-12.74,6.45-16.73,15.07-25.53c4.37-4.47,8.04-9.59,11.59-14.72
                        c0.9-1.31,1.63-2.29,2.21-3.03c10.82,1.79,22.01-2.71,27.54-12.4c0.65,0.03,1.3,0.05,1.95,0.08c5.85,0.2,11.75,1.11,17.58,1.68
                        c3.78,0.37,17.15,0.39,18.52,2.02c8.56,7.38,17.89,8.55,25.8,6c10.91,19.6,16.43,40.73,17.69,62.24c0.7,12,1.13,24.06,0.96,36.09
                        c-0.07,5.04-0.32,9.63-0.96,13.95c-5.58,7.98-8.54,17.61-8.19,27.49c0.16,4.51,1.67,8.38,3.67,11.89
                        c-1.88,8.13-2.96,16.58-0.2,25.21c8.33,26.12,42.92,30.97,57.38,7.31C673.9,742.35,671.42,730.27,668.32,718.23z" class="st11"></path>
                    <path d="M557,495.7c55.8,44.81,141.75,355.63,126.89,393.19c-14.86,37.56,8.39,64.75,10.98,56.98
                        s19.43-46.62,12.02-8.45c-7.41,38.17,16.47,55.07,28.13,50.72c11.66-4.35,15.11-77.31-3.89-175.67
                        C674.14,512.09,464.06,43.54,464.06,43.54C447.5,4.34,322.6,8.71,333.53,81.45s101.07,27.79,101.07,27.79" class="st0"></path>
                    <path d="M502.17,763.86c18.7,36.46,37.8,71.28,57.06,103.32c51.33,86.02,98.81,143.09,110.4,138.57
                        c11.59-4.52,18.15-33.03-12.8-56.57c-30.95-23.54,7.49-5.77,14.59-1.7c7.11,4.07,6.34-31.7-29.76-49.82
                        c-14.14-7.1-40.12-50.54-66.39-102.53" class="st0"></path>
                    <path d="M254.69,156.33c0,0,86.41,263.84,197.74,505.05" class="st0"></path>
                    <path d="M382.46,320.34c0,0,50.3-58.35,115.46-45.33" class="st0"></path>
                    <path d="M416.33,289.5c0,0-80.21-179.4-98.34-214.15c-18.13-34.75-131.08-6.26-127.06,37.78s44.06,52.42,85.61,37.56" class="st0"></path>
                    <path d="M661.57,755.05c-11.87,19.19-29.59,36.4-55.62,40.03c-64.25,8.96-143.34-40.85-152.46-112.95
                        c-9.12-72.09,43.33-107.7,43.33-107.7" class="st0"></path>
                    <path d="M554.73,737.83c62.63,3.57,69.12-102.68,45.29-149.54c-23.83-46.86-112.41-45.63-123.92,28.04
                        C464.22,692.39,499,734.65,554.73,737.83z" class="st4"></path>
                    <ellipse ry="10.36" rx="3.45" cy="674.32" cx="517.21" transform="matrix(0.9999 -0.0139 0.0139 0.9999 -9.3462 7.2726)"></ellipse>
                    <ellipse ry="10.36" rx="3.45" cy="673.74" cx="559.2" transform="matrix(0.9999 -0.0139 0.0139 0.9999 -9.334 7.8577)"></ellipse>
                    <path d="M531.68,652.55c0,0-11.4-8.05-20.72-10.38s-4.46-27.37,15.67-24.39" class="st3"></path>
                    <line y2="274.21" x2="464.06" y1="120.65" x1="400.84" class="st0"></line>
                </g>
                <path d="M843.81,733.15c0,0,3.92,106.88-28.01,215.22" class="st3"></path>
                <path d="M789.88,765.28c0,0,11.75,92.71-3.05,155.47" class="st3"></path>
                <path d="M179.04,392.08c0,0,85.78,149.37,140.27,195.75" class="st3"></path>
                <path d="M241.47,414.11c0,0,54.73,99.05,88.87,121.67" class="st3"></path>
            </g>
        </svg>
        <svg class="myimg" xml:space="preserve" style="margin-top:200px;margin-left:265px;enable-background:new 0 0 1024 1024;" viewBox="0 0 1024 1024" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1">
            <g>
                <g>
                    <path d="M584.52,661.8c-132.3-8.4-237.5-144.95-237.5-311.66c0-166.75,105.16-303.31,237.5-311.66l-128.5,246.95
                        L584.52,661.8z" class="st2"></path>
                    <path d="M645.76,38.39c-138.41,0-250.54,139.62-250.54,311.79s112.13,311.54,250.54,311.54
                        c138.17,0,250.54-139.37,250.54-311.54S783.93,38.39,645.76,38.39z M691.57,407.32c-21.22,26.52-37.14,59.56-45.82,96.69
                        c-17.36-74.27-64.14-132.14-123.7-153.84c29.66-10.85,56.43-30.87,77.65-57.39c21.46-26.28,37.38-59.56,46.06-96.45
                        c8.68,36.89,24.6,70.17,45.82,96.45c21.46,26.52,47.99,46.54,77.89,57.39C739.56,361.03,713.04,380.8,691.57,407.32z" class="st2"></path>
                    <line y2="38.48" x2="584.52" y1="38.48" x1="645.71" class="st3"></line>
                    <line y2="661.8" x2="645.71" y1="661.8" x1="584.52" class="st3"></line>
                </g>
                <g>
                    <path d="M438.48,984.61c132.3-8.4,237.5-144.95,237.5-311.66c0-166.75-105.16-303.31-237.5-311.66l128.5,246.95
                        L438.48,984.61z" class="st2"></path>
                    <path d="M377.24,361.2c138.41,0,250.54,139.62,250.54,311.79S515.65,984.53,377.24,984.53
                        c-138.17,0-250.54-139.37-250.54-311.54S239.07,361.2,377.24,361.2z M331.43,730.13c21.22,26.52,37.14,59.56,45.82,96.69
                        c17.36-74.27,64.14-132.14,123.7-153.84c-29.66-10.85-56.43-30.87-77.65-57.39c-21.46-26.28-37.38-59.56-46.06-96.45
                        c-8.68,36.89-24.6,70.17-45.82,96.45c-21.46,26.52-47.99,46.54-77.89,57.39C283.44,683.83,309.96,703.61,331.43,730.13z" class="st2"></path>
                    <line y2="361.29" x2="438.48" y1="361.29" x1="377.29" class="st3"></line>
                    <line y2="984.61" x2="377.29" y1="984.61" x1="438.48" class="st3"></line>
                </g>
            </g>
        </svg>
        <svg class="myimg" xml:space="preserve" style="margin-top:320px;margin-left:20px;enable-background:new 0 0 1024 1024;" viewBox="0 0 1024 1024" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1">
            <g>
                <ellipse ry="258.1" rx="496.95" cy="517.59" cx="511.45" class="st15"></ellipse>
                <g>
                    <path d="M1008.24,515.89c-0.22-6.6-0.73-13.18-1.47-19.73c-0.14-1.4-0.32-2.81-0.5-4.23
                        c-0.01-0.06-0.01-0.12-0.02-0.19c0,0,0,0,0,0c-0.05-0.34-0.09-0.67-0.13-1.01c-0.2-1.41-1.17-2.22-2.35-2.54
                        c-0.33-2.75-0.71-5.49-1.26-8.21c-0.87-4.33-1.67-8.77-3.21-12.93c-1.52-4.07-3.83-7.4-6.59-10.64
                        c-1.22-4.06-2.84-8.01-4.96-11.69c-2.58-4.5-6.07-8.1-9.2-12.18c-2.85-3.7-4.8-8.15-7.26-12.11c-1.39-2.24-2.84-4.44-4.34-6.6
                        c-1.23-1.77-2.43-3.87-4.6-4.57c-4.07-1.31-8.61,4.21-11.21,6.69c-3.6,3.43-5.56,7.96-8.55,11.85c-6.54,8.5-12.8,17.02-18.7,26
                        c-0.8,1.21-0.77,2.4-0.28,3.36c-2.66,6.74-5.94,13.14-9.58,19.41c-1.78,3.07-3.5,6.18-4.79,9.5c-1.29,3.34-1.82,6.85-2.58,10.32
                        c-3.08,14.08-14.29,25.45-15.13,40.22c-0.21,3.67,4.03,4.57,6.27,2.74c0.72-0.24,1.39-0.7,1.94-1.44
                        c3.59-4.88,7.57-9.57,10.09-15.1c1.19-2.62,3.25-4.48,4.83-6.86c1.67-2.53,2.95-5.34,4.39-8c2.63-4.87,5.13-10.04,8.75-14.27
                        c2.86-3.34,6.01-6.5,8.14-10.36c1.06-0.21,2.02-0.88,2.74-1.81c1.28-1.67,2.64-3.24,4.23-4.62c1.09-0.95,2.13-1.85,2.71-3.22
                        c0.59,0.11,1.45,0.02,1.95,0.09c1.85,0.26,3.77,0.62,5.42,1.52c3.32,1.81,3.71,5.35,4.03,8.78c0.43,4.67,0.82,9.34,1.23,14.01
                        c0.05,0.56,0.26,1.1,0.55,1.59c0.31,9.85,0.62,19.69,0.93,29.54c0.04,1.41,0.71,2.39,1.63,2.99l-0.13,3.7
                        c-0.06,1.76,0.88,2.87,2.12,3.36c0.3,1.67,0.72,3.32,1.4,4.93c1.15,2.73,2.84,5.11,5.23,6.89c1,0.74,2.1,1.26,3.22,1.69
                        c1.72,0.76,3.69,1.14,5.82,1.34c0.8,0.07,1.56-0.21,2.18-0.68c1.9,0.2,3.79,0.16,5.56-0.28c2.67-0.67,5.12-2.55,7.44-3.96
                        c1.71-1.04,3.41-2.1,5.11-3.16c0.72-0.38,1.42-0.82,2.1-1.3c0.12-0.07,0.23-0.14,0.35-0.22c-0.01-0.01-0.01-0.02-0.02-0.02
                        c0.26-0.19,0.53-0.36,0.79-0.57c1.14-0.91,1.38-2.14,1.09-3.28c1.28-0.2,2.49-0.99,3.04-2.53
                        C1009.14,531.16,1008.48,523.15,1008.24,515.89z" class="st6"></path>
                    <path d="M588.77,362.66c-1.35-2.55-3.17-4.89-5.33-6.81c-0.36-0.32-0.74-0.6-1.11-0.9c0.16-1.26-0.07-2.55-0.88-3.65
                        c-2.72-3.73-6.19-6.53-10.15-8.32c-0.25-1.59-1.14-3.11-2.85-4.22c-8.6-5.6-13.44-15.24-23.54-18.89
                        c-10.42-3.76-24.99-0.51-34.93,3.55c-10.38,4.24-19.52,13.62-27.58,21.23c-8.58,8.11-16.29,17.31-21.21,28.11
                        c-0.25,0.54-0.4,1.08-0.5,1.61c-1.33,0.42-2.52,1.27-3.35,2.68c-1.57,2.69-0.88,7.3,2.28,8.68c0.19,0.08,0.33,0.15,0.46,0.22
                        c0.01,0.02,0.04,0.07,0.04,0.08c0.03,0.08,0.03,0.09,0.07,0.2c0.11,0.37,0.19,0.73,0.27,1.11c0.08,0.86,0.08,1.72,0.07,2.58
                        c-0.05,3.78-0.79,7.45-1.64,11.12c-1.91,8.15-4.02,16.26-6.03,24.38c-0.83,3.32,1.07,6.88,4.43,7.81
                        c3.25,0.89,6.98-1.09,7.81-4.43c0.94-3.8,1.95-7.6,2.93-11.41c1.75-0.73,3.11-2.3,3.91-4.22c6.04-14.54,14.09-28.34,23.42-41.06
                        c3.68-1.44,7.57-2.39,11.43-3.19c2.24-0.46,4.54-1.02,6.81-1.28c1.57-0.18,2.83,1.02,4.15,1.94c7.2,4.96,5.68,14.03,4.87,21.65
                        c-0.58,5.4-0.93,11.26,4.96,13.84c3.78,1.65,9.07,1.69,13.04,0.67c10.96-2.81,10.32-15.95,10.04-24.98
                        c-0.19-6.03-1.02-12-2.16-17.91c-0.34-1.75-0.68-3.51-0.94-5.27c0.51-0.28,1-0.59,1.51-0.86c0.64-0.33,1.28-0.65,1.93-0.96
                        c0.27-0.13,0.54-0.25,0.81-0.37c0.06-0.02,0.19-0.07,0.5-0.2c1.35-0.48,2.7-0.94,4.09-1.28c0.58-0.14,1.17-0.25,1.76-0.36
                        c0.06-0.01,0.08-0.01,0.13-0.02c0.37-0.04,0.75-0.07,1.12-0.09c0.69-0.04,1.38-0.05,2.07-0.03c0.19,0.01,1.17,0.1,1.37,0.1
                        c1.08,0.18,2.16,0.46,3.19,0.84c0.08,0.08,1.27,0.63,1.44,0.73c0.36,0.21,0.7,0.45,1.04,0.69c0.06,0.09,1.04,0.92,1.17,1.06
                        c0.19,0.19,1.59,1.95,0.79,0.85c1.72,2.36,4.76,3.87,7.57,2.83c0.33,0.44,0.67,0.87,1,1.31c0.35,0.46,0.69,0.81,1.26,0.97
                        c0.51,0.14,1.18,0.08,1.63-0.21c0.19-0.12,0.36-0.3,0.51-0.49c1,1.03,2.02,2.04,2.98,3.11c0.7,0.79,1.99,0.78,2.78,0.17
                        C589.08,364.73,589.27,363.6,588.77,362.66z" class="st6"></path>
                    <path d="M371.05,366.03c-2.2-3.51-5.38-5.7-8.17-8.66c-2.81-2.97-4.85-6.57-6.71-10.19
                        c-4.01-7.84-7.36-15.99-11.53-23.76c-6.46-12.05-13.76-25.1-23.64-35.09c-0.31-0.85-0.83-1.67-1.67-2.43
                        c-8.93-8.13-17.72-18.18-28.56-23.79c-11.5-5.95-23.95-10.35-36.94-10.92c-23.23-1.03-48.64,1.82-68.37,15.04
                        c-1.1,0.74-1.83,1.66-2.28,2.65c-27.57,16.01-51.65,37.2-71.27,62.34c-0.06,0.05-0.12,0.1-0.17,0.16
                        c0.01,0.01,0.02,0.01,0.03,0.02c-0.33,0.43-0.69,0.83-1.02,1.26c-0.14,0.18-0.22,0.35-0.33,0.53c-2.65,2.5-5.3,5.01-7.94,7.51
                        c-2.73,2.58-2.3,5.86-0.47,8.11c-0.07,0.19-0.16,0.35-0.22,0.56c-2.18,7.82-3.67,15.76-4.53,23.84c-0.7,6.59-2.21,15.29,0.39,21.6
                        c2.72,6.62,9.98,8.12,15.83,4.49c6.1-3.79,11.19-10.52,16.07-15.73c10.7-11.41,20.89-23.29,31.27-34.99
                        c4.71-5.31,9.48-12.41,15.38-16.44c3.06-2.09,6.54-2.19,9.97-1.37c3.78,9.66-2.17,19.9-6.04,28.63c-1.42,3.21-0.9,6.71,2.28,8.68
                        c7.91,4.92,17.14,0.93,22.32-5.91c5.69-7.52,9.47-16.89,13.85-25.21c4.64-8.81,9.26-17.62,13.91-26.42
                        c1.05-1.99,2.14-4.06,3.34-6.05c0.55-0.01,1.11-0.07,1.71-0.23c4.1-1.12,8.83-2.72,13.1-1.56c0.22,0.06,0.39,0.17,0.6,0.25
                        c0.03,0.06,0.04,0.12,0.07,0.18c2.99,6.02,5.23,12.35,6.77,18.9c0.7,2.98,1.28,5.99,1.63,9.03c0.41,3.57,0.23,7.38,1.61,10.75
                        c1.45,3.52,4.48,6.22,8.33,6.73c4.3,0.57,7.27-1.88,9.89-4.93c2.29-2.66,4.47-5.42,6.58-8.23c0.95-1.27,1.81-2.64,2.82-3.85
                        c1.11-1.32,1.77-0.95-0.24-1.24c1.14,0.16,2.25,0.04,3.3-0.22c2.89,5.38,5.83,10.73,8.9,16c4.61,7.93,9.3,15.55,16.71,21.17
                        c14,10.62,33.02,13.31,49.67,8.15C371.05,374.18,373.29,369.61,371.05,366.03z" class="st6"></path>
                    <path d="M40.37,436.56c0,0,96.28-187.25,202.48-187.25S379.8,423.99,413.34,423.99s55.9-106.67,119.25-106.67
                        s202.16,309.3,287.87,301.84c73.49-6.39,74.66-166.19,140.62-211.63" class="st3"></path>
                    <path d="M102.8,341.67c-9.94,27.82-11.34,84.23,21.5,49.03s57.29-70.95,61.49-58.31s-19.81,38.49,5.82,37.79
                        c25.62-0.7,36.1-72.67,54.97-67.08c18.87,5.59,5.59,44.72,20.96,46.12s18.48-19.68,25.66-16.83c7.18,2.85,17.43,62.9,81.48,40.22" class="st3"></path>
                    <path d="M453.56,383.32c17.31-2.66-7.48,43.82,2.82,50.98c10.3,7.15,26.37-70.4,55.71-65.51
                        c29.35,4.89-10.48,38.91,22.36,38.32c32.84-0.59,3.49-42.72,17.47-51.35c13.97-8.63,47.46,18.82,47.46,18.82" class="st3"></path>
                    <path d="M891.26,534.03c5.12,31.8,36.56-53.45,56.82-59.74c20.26-6.29-3.49,82.25,30.74,80.6
                        c11.83-0.57,21.07-7.93,28.1-17.31" class="st3"></path>
                </g>
                <path d="M25.7,462.84c-7.34,17.65-11.2,35.97-11.2,54.75c0,142.55,222.49,258.1,496.95,258.1
                    s496.95-115.56,496.95-258.1s-222.49-258.1-496.95-258.1c-63.16,0-123.57,6.12-179.15,17.28" class="st3"></path>
            </g>
        </svg>
        <svg class="myimg" xml:space="preserve" style="margin-top:280px;margin-left:40px;enable-background:new 0 0 1024 1024;" viewBox="0 0 1024 1024" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1">
            <g>
                <path d="M752.73,487.16L752.73,487.16c-35.05-26.23-84.72-19.09-110.95,15.96L360.59,878.75
                    c-26.23,35.04-19.09,84.72,15.96,110.95l0,0c35.05,26.23,84.72,19.09,110.95-15.96l281.18-375.63
                    C794.92,563.07,787.77,513.39,752.73,487.16z" class="st14"></path>
                <g>
                    <path d="M544.27,698.28c-4.79-3.46-10.86-4.62-16.55-5.88c1.19-2.05,2.04-4.25,1.94-6.5
                        c-0.35-7.87-5.94-12.8-13.5-13.5c-8.87-0.82-17.72,3.99-23.64,10.3c-1.01,1.08-1.74,2.39-2.65,3.56c-0.88,0.53-1.79,0.97-2.56,1.7
                        c0.02-0.01-0.63,0.64-1.03,0.96c-0.04,0.03-0.09,0.06-0.13,0.1c-1.79,1.31-3.59,2.62-5.3,4.02c-2.64,2.16-5.03,4.88-6.6,7.92
                        c-4.34,8.38-3.24,18.43,3.58,25.17c4.76,4.69,11.27,7.2,17.55,9.09c6.39,1.91,13.18,2.92,19.83,3.17
                        c6.67,0.26,13.48-0.5,19.99-1.92c8.24-1.8,16.15-6.11,18.44-14.89C556.04,712.42,551.63,703.6,544.27,698.28z" class="st11"></path>
                    <path d="M509.15,654.67c-2.43-16.09-9.75-31.65-17.44-46.59c3.09-0.79,5.88-2.62,7.78-5.87
                        c3.33-5.69,1.89-15.57-4.84-18.47c-7.09-3.05-14.03-6.37-20.77-10.13c-3.06-5.94-6.02-11.92-9.23-17.77
                        c-5.47-9.97-10.7-21.27-19.11-29.14c-1.64-1.53-3.61-2.53-5.7-3.15c1.52-8.62,2.55-17.56,6.24-25.27
                        c7.47-15.6-15.8-29.31-23.31-13.63c-6.84,14.29-7.59,30.09-12.22,45.09c-4.97,16.1-11.19,31.54-12.73,48.48
                        c-1.58,17.5,4.46,31.34,18.4,41.92c6.65,5.04,13.52,9.81,20.33,14.64c2.86,2.03,5.76,4.15,8.76,6c0.23,0.59,0.25,1.17,0.56,1.76
                        c3.18,5.86,9.02,7.53,14.48,10.56c10.95,6.06,19.29,16.09,32.19,18.17C503.36,673.02,510.77,665.38,509.15,654.67z" class="st11"></path>
                    <path d="M697.47,301.41c-37.91-2.33-75.81-4.66-113.72-6.99c-0.18-0.01-0.32,0.09-0.5,0.09
                        c-0.44-0.25-0.88-0.49-1.02-0.6c-5.57-4.69-13.62-5.47-19.09,0c-4.82,4.82-5.6,14.38,0,19.09c7.92,6.66,17.74,9.97,26.47,15.33
                        c4.68,2.88,9.76,2.89,15.05,2.98c6.04,0.1,12.07,0.21,18.11,0.29c24.96,0.33,49.86-0.62,74.7-3.2
                        C714.56,326.63,715.09,302.49,697.47,301.41z" class="st11"></path>
                    <path d="M657.91,641.15c-9.36-21.52-22.11-41.11-37.5-58.8c-1.38-1.58-3.17-2.53-5.09-3.14
                        c-4.79-6.8-10.29-13.14-15.83-19.27c-4.7-5.21-9.57-9.61-15.22-13.8c-0.27-0.2-0.64-0.47-0.98-0.73
                        c-0.14-0.11-0.27-0.22-0.41-0.33c-0.99-0.83-1.88-1.73-2.79-2.65c0.87-1.15,1.54-2.46,1.95-3.93c2.89-10.48,5.78-20.96,8.67-31.44
                        c2.6-9.44,5.53-18.12,4.34-27.95c-1.22-10.18-2.57-20.26-2.29-30.54c0.3-11.28,2.03-22.46,2.53-33.73
                        c0.91-20.62-4.42-40.49-10.57-60c-4.41-13.97-10.15-27.6-19.12-39.02c0.62-2.84,0.17-6.02-2-9.26
                        c-20.86-31.19-59.9-36.04-93.9-43.07c-39.35-8.13-78.93-15.05-118.69-20.86c-7.27-1.06-14.42,1.81-16.6,9.43
                        c-1.82,6.34,2.22,15.55,9.43,16.6c1.26,0.18,2.52,0.41,3.78,0.6c0.22,2.73,1.1,5.5,3.5,8.02c6.6,6.94,11.5,14.81,15.45,23.53
                        c4.49,9.94,10.05,18.99,15.05,28.63c4.85,9.34,8.4,19.26,13.64,28.43c3.89,6.8,8.5,13.16,13.37,19.3
                        c-2.52,5.06-1.69,11.27,2.31,15.57c6.28,6.75,12.56,13.49,18.84,20.24c4.73,5.09,10.31,10.32,11.88,16.28
                        c1.69,6.42,0.98,12.46-1.53,19.72c-2.13,6.15-5.71,12.15-9.24,18c-4.67,2.77-8.05,7.86-6.81,14.6
                        c3.27,17.67,5.25,36.17,12.42,52.78c6.45,14.94,15.85,28.5,23.49,42.84c8.6,16.14,16.35,32.75,23.03,49.77
                        c3.41,8.69,6.79,17.51,9.53,26.44c2.34,7.65,1.39,14.91,5.53,22.03c7.83,13.49,18.08,28.64,28.67,40.11
                        c10.25,11.1,25.47,15.82,38.27,5.85c11.04-8.59,14.05-22.78,18.46-35.28c5.72-16.21,21.73-21.73,38.15-19.19
                        c5.02,0.78,9.04-1.08,11.99-3.95c5.62,0.11,11.4-0.31,16.21-2.01C658.78,657.82,661.54,649.49,657.91,641.15z" class="st11"></path>
                    <path d="M359.02,250.89c-87.49,12.31-150.47-194.45-20.2-227.77c166.12-42.5,138.71,169.68,138.71,169.68
                        s297.96,97.34,335.11,90.65c37.15-6.69,59.44-23.78,56.47-6.69c-2.97,17.09-29.72,30.46-43.1,34.18
                        c7.43,2.97,27.49,4.46,21.55,14.12s-11.89,14.86-57.96,0c-46.07-14.86-280.13-36.41-280.13-36.41" class="st0"></path>
                    <path d="M331.72,247.68l112.22,194.01c0,0-59.28,105.53-50.37,149.37c8.92,43.84,144.15,98.08,144.15,98.08" class="st3"></path>
                    <path d="M551.14,292.68c0,0,75.75,69.53,78.72,91.82s-38.31,121.86-48.13,161.98c16.93,12.63,91.23,83.96,92.72,94.37
                        s-28.65,133.75-92.72,90.65s16.83-82.23,16.83-82.23" class="st0"></path>
                    <path d="M501.2,672.92c0,0-60.82,30.34-19.21,57.84c41.61,27.49,85.45-11.14,85.45-11.14" class="st3"></path>
                    <path d="M328.93,87.4c27.43-26.23,95.26-4.4,109.26,60.16c14,64.56-80.89,113.96-117.08,46.95
                        S316.13,99.64,328.93,87.4z" class="st4"></path>
                    <line y2="317.55" x2="754.95" y1="334.35" x1="593.29" class="st0"></line>
                    <ellipse ry="8.17" rx="3.48" cy="137.99" cx="340.57"></ellipse>
                    <ellipse ry="8.17" rx="3.48" cy="136.46" cx="379.39"></ellipse>
                    <path d="M358.59,153.19c0,0-6.99,11.9-13.66,11.52c-7.23,6.31,8.65,23.31,18.4,16.34" class="st4"></path>
                    <path d="M537.72,424.51c0,0-72.82,136.08-30.46,165.8c42.35,29.72,111.19,71.06,111.19,71.06" class="st0"></path>
                </g>
                <path d="M879.02,457.21c0,0-84.54-36.4-156.99-101.21" class="st3"></path>
                <path d="M873.95,403.43c0,0-76.42-25.08-119.74-59.75" class="st3"></path>
                <path d="M215.14,328.75c0,0-48.65-78.14-71.16-172.7" class="st3"></path>
                <path d="M241.66,281.69c0,0-48.44-64.21-64.23-117.4" class="st3"></path>
            </g>
        </svg>
        <!-- <img src="../../../../assets/phone/mpup1.png" class="myimg" style="margin-top:-100px;margin-left:-20px">
        <img src="../../../../assets/phone/pmwin.png" class="myimg" style="margin-top:-72px;margin-left:220px"> -->
        <!-- <img src="../../../../assets/phone/mpup2.png" class="myimg" style="margin-top:-80px;margin-left:180px"> -->
        <!-- <img src="../../../../assets/phone/pmtree.png" class="myimg" style="margin-top:95px;margin-left:40px">
        <img src="../../../../assets/phone/mpcenter2.png" class="myimg" style="margin-top:40px;margin-left:60px">
        <img src="../../../../assets/phone/mpcenter1.png" class="myimg" style="margin-top:120px;margin-left:220px">
        <img src="../../../../assets/phone/pmcoin.png" class="myimg" style="margin-top:200px;margin-left:265px">
        <img src="../../../../assets/phone/pmice.png" class="myimg" style="margin-top:320px;margin-left:20px">
        <img src="../../../../assets/phone/mpcenter3.png" class="myimg" style="margin-top:280px;margin-left:40px"> -->
        <div class="PxPMCenterdiv2">
            <span @click="gocpsw">修改密码</span>
        </div>
        <div class="PxPMCenterdiv2">
            <span @click="gocpinfo">修改个人信息</span>
        </div>
        <div class="PxPMCenterdiv2">
            <span @click="gocadd">修改收货地址</span>
        </div>
    </div>
</template>

<script>
import axios from 'axios'
export default {
    name:'PxPMCenter',
    data(){
        return{
            showusername:'',
            changecolor:'',
            r:255,g:0,b:65,
            weizhi:0,
        }
    },
    methods:{
        gocpsw(){this.$router.push({name:'PxChangePsw'})},
        gocpinfo(){this.$router.push({name:'PxChangeInfo'})},
        gocadd(){this.$router.push({name:'PxChangeAdd'})},
    },
    mounted(){
        this.changecolor=`color: rgb(${this.r}, ${this.g}, ${this.b});margin-left:${this.weizhi}px;margin-top:${this.weizhi}px;`
        const timer = setInterval(() => {
            if(this.b >=65 ){
                this.g+=3
                this.b+=2
            }if(this.b == 151){
                this.g=0
                this.b=65
            }
            if(this.weizhi >= 0){
                this.weizhi++
            }if(this.weizhi == 2){
                this.weizhi=0
            }
            this.changecolor=`color: rgb(${this.r}, ${this.g}, ${this.b});margin-left:${this.weizhi}px;margin-top:${this.weizhi}px;`
        }, 30);
        this.$once('hook:beforeDestroy',()=>{
            clearInterval(timer)
        })
        this.$addr.get(`users/get_by_uid`).then(
        response=>{
            console.log('请求成功了,我得到了用户数据',response)
            this.showusername=response.data.data.username
        },error=>{
            console.log('请求失败了,我没有获取到用户的数据',error)
        })
    },
}
</script>

<style scoped>
.PxPMCenterdiv1span1{
    margin-left: 40px;
    font-weight: 550;
    font-size: 25px;
}
.PxPMCenterdiv2{
    text-align: center;
    margin-top: 90px;
}
.PxPMCenterdiv1span2{
    position: absolute;
    font-weight: 900;
    font-size: 20px;
}
.myimg{
    position: absolute;
    height: 15%;
}
	.st0{fill:#B4E191;stroke:#000000;stroke-width:8.5039;stroke-miterlimit:10;}
	.st1{fill:#A7D8E3;stroke:#000000;stroke-width:8.5039;stroke-miterlimit:10;}
	.st2{fill:#F4E363;stroke:#000000;stroke-width:8.5039;stroke-miterlimit:10;}
	.st3{fill:none;stroke:#000000;stroke-width:8.5039;stroke-miterlimit:10;}
	.st4{fill:#F3F0E7;stroke:#000000;stroke-width:8.5039;stroke-miterlimit:10;}
	.st5{fill:#0075BF;}
	.st6{fill:#F3F0E7;}
	.st7{fill:#F36560;stroke:#000000;stroke-width:8.5039;stroke-miterlimit:10;}
	.st8{fill:#4AAEE9;stroke:#000000;stroke-width:8.5039;stroke-miterlimit:10;}
	.st9{fill:#F4E363;}
	.st10{fill:#EE6F4F;}
	.st11{fill:#B4E191;}
	.st12{fill:#A7D8E3;}
	.st13{fill:none;stroke:#000000;stroke-width:8.5039;stroke-linejoin:round;stroke-miterlimit:10;}
	.st14{fill:#F4E265;stroke:#000000;stroke-width:8.5039;stroke-miterlimit:10;}
	.st15{fill:#97D9ED;stroke:#000000;stroke-width:8.5039;stroke-miterlimit:10;}
	.st16{fill:#D19870;stroke:#000000;stroke-width:8.5039;stroke-miterlimit:10;}
	.st17{fill:#F3F0E7;stroke:#231815;stroke-width:8.5039;stroke-miterlimit:10;}
	.st18{fill:#F2ABB3;stroke:#000000;stroke-width:8.5039;stroke-miterlimit:10;}
</style>